{extend name="layout" /}
{block name="content"}
<div class="mui-content">
	<div>
		<div class="mui-table-view">
			<div class="mui-table-view-cell mui-media no-active-bg">
				<img class="uk-border-circle mui-pull-left uk-margin-xsmall-right" src="{$meminfo.avatar}" width="70" height="70" />
				<div class="mui-media-body">
					<div class="mui-ellipsis uk-text-medium uk-margin-mini-bottom">{$meminfo.nickname}</div>
					<div class="mui-ellipsis uk-text-small uk-text-muted-2">
						{$meminfo.motto}
					</div>
					<div class="uk-margin-mini-top">
						{if condition="isset($_userid) And check_fav($_userid, $meminfo.id, 1)"}
						<a class="mui-btn mui-btn-danger mui-btn-xmini cocoAjax" confirm="确定要取消关注吗？" href="Javascript:" ajax-url="{:url('/v1/favorites/add')}" ajax-data="{  contentid:{$meminfo.id}, typeid:1, notcheck:1}" ajax-callback="suc_back">
							<img src="{$images_path}tm-btn-icon-heart.png" width="12" height="12" />
							<span class="uk-text-middle">取消关注</span>
						</a>
						{else /}
						<a class="mui-btn mui-btn-success mui-btn-xmini cocoAjax" href="Javascript:" ajax-url="{:url('/v1/favorites/add')}" ajax-data="{  contentid:{$meminfo.id}, typeid:1, notcheck:1}" ajax-callback="suc_back">
							<img src="{$images_path}tm-btn-icon-heart.png" width="12" height="12" />
							<span class="uk-text-middle">关注</span>
						</a>
						{/if}
						<a class="mui-btn mui-btn-warning mui-btn-xmini uk-margin-mini-left" href="Javascript:" onclick="start_chat({$meminfo.id}, '{$meminfo.nickname}')">
							<img src="{$images_path}tm-btn-icon-msg.png" width="12" height="12" />
							<span class="uk-text-middle">私信</span>
						</a>
						{if condition="isset($_userid) And check_zan($_userid, $meminfo.id, 1)"}
						<span class="mui-btn mui-btn-danger mui-btn-xmini">
							<img src="{$images_path}zans.png" width="12" height="12" />
							<span class="uk-text-middle">{$meminfo.zans}赞</span>
						</span>
						{else /}
						<a class="mui-btn mui-btn-success mui-btn-xmini cocoAjax" href="Javascript:" ajax-url="{:url('/v1/zans/add')}" ajax-data="{typeid:1, contentid:{$meminfo.id}}" ajax-callback="suc_back">
							<img src="{$images_path}zans.png" width="12" height="12" />
							<span class="uk-text-middle">{$meminfo.zans}赞</span>
						</a>
						{/if}
					</div>
				</div>
			</div>
		</div>
		<div class="mui-table-view">
			<div class="mui-table-view-cell mui-media no-active-bg">
				<div>
					<label class="mui-pull-left uk-margin-xsmall-right" style="font-size: 14px;margin-top: 4px;">技能标签 : </label>
				</div>
				<div class="mui-media-body tm-panel">
					<ul class="uk-grid uk-grid-small skill-label-grid" data-uk-grid-margin >
						{volist name=":get_model_func('Category', 'list_data', ['id'=>[0=>'in', 1=>$meminfo.label]])" id="v"}
						<li>
							<div class="skill-label" style="padding: 6px;">{$v.title}</div>
						</li>              
						{/volist}
					</ul>
				</div>
			</div>
		</div>
		<div class="tm-tab-line-nav">
			<a class="tm-tab-item tm-active"  href="javascript:">
				<!-- 他的接单 <span class="uk-text-orange uk-text-xmedium">{:count($picklists)}</span> -->
				<div class="andsub-header">
					<span class="uk-text-middle">他的接单</span>
					<img src="{$images_path}lv-{:strtolower($meminfo.groupid)}.png" width="30" height="12" />
				</div>
				<div class="andsub-body">
					<ul class="andsub-intro-list">
						<li>
							<span>总接单数：</span><span>{$creinfo.picknums | default="0"}单</span>
						</li>
						<li>
							<span>接单金额：</span><span>{$creinfo.pickmoney | default="0.00"}元</span>
						</li>
						<li>
							<span>评价星级：</span><span>{$creinfo.pick_star | default="0.0"}星</span>
							<div class="tm-starsbox tm-starsbox-mini uk-text-top" id="star-demo" data-score='4'>
							</div>
						</li>
					</ul>
				</div>
			</a>
			<a class="tm-tab-item" href="javascript:">
				<!-- 他的下单 <span class="uk-text-orange uk-text-xmedium">{:count($downlists)}</span> -->
				<div class="andsub-header">
					<span class="uk-text-middle">他的下单</span>
					<img src="{$images_path}lv-{:strtolower($meminfo.groupid)}.png" width="30" height="12" />
				</div>
				<div class="andsub-body">
					<ul class="andsub-intro-list">
						<li>
							<span>总下单数：</span><span>{$creinfo.ordernums | default="0"}单</span>
						</li>
						<li>
							<span>下单金额：</span><span>{$creinfo.ordermoney | default="0.00"}元</span>
						</li>
						<li>
							<span>评价星级：</span><span>{$creinfo.order_star | default="0.0"}星</span>
							<div class="tm-starsbox tm-starsbox-mini uk-text-top" id="star-demo-2" >
							</div>
						</li>
					</ul>
				</div>
			</a>
		</div>
	</div>
	<div class="margin-small">
		<div class="uk-margin-small-top">
			<!--item-->
			{volist name="picklists" id="v"}
			<div class="uk-margin-small">
				<div class="mui-table-view line-height-xsmall">
					<div class="mui-table-view-cell mui-media">
						<a href="{:url('index/index', ['id'=>$v.id])}">
							<div class="mui-table uk-text-xsmall">
								<div class="mui-table-cell uk-text-middle">
									<img class="uk-border-circle mui-pull-left uk-margin-small-right" src="{$v.avatar}" width="36" height="36">
									<div class="mui-media-body">
										<div class="mui-ellipsis">{$v.nickname}</div>
										<div class="mui-ellipsis uk-text-mini uk-text-muted">
											<span class="uk-margin-small-right">下单类型：{$v.catname}</span>
											<span>{:substr($v.starttime, 5)}</span>
										</div>
									</div>
								</div>
								<div class="mui-table-cell uk-text-middle uk-width-1-4 uk-text-right">
									<span class="uk-text-blue uk-text-middle">{$v.price}元</span>
									<span class="tm-badge tm-badge-{eq name='v.typeid' value='1'}red{else /}blue{/eq}">{$v.typename}</span>
								</div>
							</div>
							<div class="uk-margin-small-top">
								<div class="uk-text-small uk-margin-mini-bottom">
									{$v.title}
								</div>
								<div class="mui-ellipsis-2 uk-text-muted uk-text-xmini">
									{$v.content}
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
			{/volist}
			<!--/item-->
		</div>
		<!--two开始-->
		<div class="uk-margin-small-top" style="display: none;">
			<!--item-->
			{volist name="downlists" id="v"}
			<div class="uk-margin-small">
				<div class="mui-table-view line-height-xsmall">
					<div class="mui-table-view-cell mui-media">
						<a href="{:url('index/index', ['id'=>$v.id])}">
						<div class="mui-table uk-text-xsmall">
							<div class="mui-table-cell uk-text-middle">
								<img class="uk-border-circle mui-pull-left uk-margin-small-right" src="{$v.avatar}" width="36" height="36">
								<div class="mui-media-body">
									<div class="mui-ellipsis">{$v.nickname}</div>
									<div class="mui-ellipsis uk-text-mini uk-text-muted">
										<span class="uk-margin-small-right">下单类型：{$v.catname}</span>
										<span>{:substr($v.addtime, 5)}</span>
									</div>
								</div>
							</div>
							<div class="mui-table-cell uk-text-middle uk-width-1-4 uk-text-right">
								<span class="uk-text-blue uk-text-middle">{$v.price}元</span>
								<span class="tm-badge tm-badge-{eq name='v.typeid' value='1'}red{else /}blue{/eq}">{$v.typename}</span>
							</div>
						</div>
						<div class="uk-margin-small-top">
							<div class="uk-text-small uk-margin-mini-bottom">
								{$v.title}
							</div>
							<div class="mui-ellipsis-2 uk-text-muted uk-text-xmini">
								{$v.content}
							</div>
						</div>
					</a>
				</div>
			</div>
		</div>
		{/volist}
		<!--/item-->
	</div>
	<!--two end-->
</div>
</div>
{/block}
{block name="script"}
<script>
	$(function(){
		$(".tm-tab-line-nav>a").click(function(){
			$(this).addClass("tm-active").siblings().removeClass("tm-active"); //切换选中的按钮高亮状态
			var index=$(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
			$(".margin-small > div").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
		});
		
	});
	function suc_back (obj, data) {
		coco_refresh_window();
	}
</script>
{/block}